<template>
  <div>
    <div class="wm_top">
      <van-nav-bar title="地址" left-text="外卖" left-arrow>
        <template #right>
          <van-icon name="bullhorn-o" size="24" />
        </template>
      </van-nav-bar>
      <van-search v-model="value" background="rgba(255,255,255,0.2)" shape="round" placeholder="请输入搜索关键词" />
      <div class="tag">
        <van-tag round color="#fff1fb" text-color="black" size="20px">个护减50</van-tag>
        <van-tag round color="#fff1fb" text-color="black" size="20px">眉笔</van-tag>
        <van-tag round color="#fff1fb" text-color="black" size="20px">华莱士</van-tag>
        <van-tag round color="#fff1fb" text-color="black" size="20px">口水鸡</van-tag>
        <van-tag round color="#fff1fb" text-color="black" size="20px">糖油粑粑</van-tag>
        <van-tag round color="#fff1fb" text-color="black" size="20px">烧烤</van-tag>
      </div>
    </div>
  </div>
</template>
<script>

</script>
<style>
.van-nav-bar__text{
  color: black;
  font-size: 18px;
  font-weight: bold;
}
.van-nav-bar .van-icon{
  color: black;
}
.van-nav-bar__left{
  align-items: flex-end;
}
.van-nav-bar__right{
  align-items: flex-end;
}
.van-nav-bar__arrow{
  font-size: 25px;
}
.van-nav-bar__content{
align-items: flex-end;
  height: 70px;
}
.van-nav-bar{
  background-color: rgba(255,255,255,0.2);
}
.wm_top{
  background: linear-gradient(#eb41a6, #fddacf, #fedfe8);
}
.tag{
  display: flex;
  justify-content: space-around;
}
</style>